h2 {
    font-family: 행복한 도비;
    color:aliceblue;
}

body {
    font-size: 16px;
     }
        
    @media (max-width: 768px) {
    
    body {
        font-size: 14px;
        }

        image {
        max-width: 100%;
        height:auto;

        }
    }


    header,main {
        max-width: 1250px;
        margin: 0 auto;
        padding: 0 0px

    }
    
    header,main img {
        max-width: 100%;
        max-height: 100%;
    }


p {font-size: smaller;}

a {
    text-decoration: none; 
}

a:hover {
    color:rgb(86, 186, 225)
    
}

footer h3 {
    margin-left: 0;
}

footer p {
    margin-left: 0;
    color:aliceblue;
}

footer img {
    margin-left: 0px;
    padding-top: 0px;
    max-width: 100%;
    max-height: 100%;
}

footer h4 {
    margin-left: 0px;
}

@media (max-width: 768px) {
    
    footer h3 {
        font-size: 14px;
        }

    footer p {
            font-size: 10px;
        }

    .container img {
        max-width: 100%;
        height: auto;
    }
  
    .container {
        margin-left: 20px;
    
    }
        
    fig {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }
    }

    header{
        color: aliceblue;
        margin-top: 0;
    }

    .container {
        margin-left: 160px;
    
    }

    
   footer p {
   text-align: center;
    
   }

   body h2 {
    margin-left: 50px;
   }
   
   figcaption {
    font-size: 15px;
    color:aliceblue;
    margin-left: 0px;
    color:rgb(179, 89, 16);
    text-align: center;
   }

   img {
    align-content: center;
   }

  main{
    color: aliceblue;
  }

  a{
    color: aliceblue;
  }
  
  img {
    display: inline-block;


  }
  


  img {
    margin-left: 10px;
    margin-right: 10px;
    @media (max-width: 768px) {

    }

  }

  @media (max-width: 768px) {
    img {margin-left: 100%;
        margin-right: 100%;
        max-width: 80%;
        height:auto;
    }
    .GN img {margin-left: 50px;

    }
    
    .container {
        margin-left: 20px;
    
    }
  }

  .GN {
    margin-left: 10px;


    @media (max-width: 768px) {
        margin-left: 2px;
    }
  }

  .container{
    justify-content:center ;
  }

  .container1{
    margin-top: 5px;
  }